<script setup>
const onClickLeft = () => history.back();
</script>
<template>
  <van-nav-bar
    :fixed="true"
    :placeholder="true"
    title="修改手机号"
    left-arrow
    @click-left="onClickLeft"
  />
  <div class="box">
    <div>您当前手机号为: <span>134****8144</span></div>
  </div>
  <div class="box">
    <van-cell-group inset>
      <van-field v-model="value" placeholder="请输入手机号" />
    </van-cell-group>
    <van-cell-group inset>
      <van-field v-model="sms" center clearable placeholder="请输入短信验证码">
        <template #button>
          <van-button size="small" type="primary">发送验证码</van-button>
        </template>
      </van-field>
    </van-cell-group>
  </div>
  <div class="box">
    <van-button type="primary" size="large">提交</van-button>
  </div>
</template>



<style  scoped>
.box {
  padding: 20px;
}
</style>  